/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {Dimensions} from 'react-native';
import { Icon, Toast } from 'antd-mobile-rn';

// project
import {
    Page, Content, Header, Row, Float, Between, Hand, ItemY, Text, ButtonOpacity, TouchOpacity
} from '../../../../library';


/******************************************************************************************
 * Export
 ******************************************************************************************/

export default class AddressList extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
    constructor (props) {
        super(props);
        this.Nav = this.props.navigation;

        /**
         * state
         */
        this.state = {
          
        };
    }

    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
    render(){
            const windowWidth = Dimensions.get('window').width;
            return(
            <Page>
                {/* 此页面背景色为 f8f8f8 */}
                <Content bg='#f8f8f8' mt='48' mb='100'>
                    <Row mt='20' bg='#fff' pl='10'>
                        <ItemY>
                            <TouchOpacity active={1} w={windowWidth} onPress={(e)=> {
                                this.Nav.navigate('UserSettingConfirmBasic')
                            }}>
                                <Between pa='15' h='43' bb='solid 1 #f0f0f0' bg='#fff' f='1'>
                                    <Hand x='left' y='center'>
                                        <Text color='#333'>基本信息</Text>
                                    </Hand>
                                    <Hand x='right' y='center'>
                                        <Text color='#aeaeae' size='13'></Text>
                                        <Icon type='right' size='xxs' color='#b2b2b2'></Icon>
                                    </Hand>
                                </Between>
                            </TouchOpacity>
                            <TouchOpacity active={1} w={windowWidth} onPress={(e)=> {
                                Toast.info('此功能暂未开启');
                            }}>
                                <Between pa='15' h='43' bb='solid 1 #f0f0f0' bg='#fff' f='1'>
                                    <Hand x='left' y='center'>
                                        <Text color='#333'>身份证照片</Text>
                                    </Hand>
                                    <Hand x='right' y='center'>
                                        <Text color='#aeaeae' size='13'>待完善</Text>
                                        <Icon type='right' size='xxs' color='#b2b2b2'></Icon>
                                    </Hand>
                                </Between>
                            </TouchOpacity>
                            <TouchOpacity active={1} w={windowWidth} onPress={(e)=> {
                                Toast.info('此功能暂未开启');
                            }}>
                                <Between pa='15' h='43' bb='solid 1 #f0f0f0' bg='#fff' f='1'>
                                    <Hand x='left' y='center'>
                                        <Text color='#333'>人脸照片</Text>
                                    </Hand>
                                    <Hand x='right' y='center'>
                                        <Text color='#aeaeae' size='13'>待完善</Text>
                                        <Icon type='right' size='xxs' color='#b2b2b2'></Icon>
                                    </Hand>
                                </Between>
                            </TouchOpacity>
                        </ItemY>
                    </Row>
                    
                </Content>

                {/* 提交 star */}
                {/* <Float pa='15' pt='36' left='50%' bottom='20' ml='-40' w='340'>
                    <ButtonOpacity active={0.7} ra='5' bg='#02b349' f='1' py='10' color='#fff' size='16'>提交</ButtonOpacity>
                </Float> */}
                {/* 提交 end */}

                {/* 顶部 star */}
                <Header h='48' y='center' bg='#fff'>
                    <Between px='10'>
                        <TouchOpacity active={0.6} onPress={(e)=> {
                            this.Nav.goBack()
                        }}>
                            <Icon type='left' size='md' color='#00CC66' />
                        </TouchOpacity>
                        <Text size='17'>实名验证</Text>
                        <Text> </Text>
                    </Between>
                </Header>
                {/* 顶部 star */}
            </Page>
        )
    }
}
